
<div id="TEMPLATE_LABEL_" class="is_first_banner">
    <section class="banner-wrap pr" id="banner-wrap">
        <div class="i-slide demo2-slide">
            <section>
                <!-- 如果需要导航按钮 -->
                <a class="arrow-left s-arrow" href="#"></a>
                <a class="arrow-right s-arrow" href="#"></a>
                <!-- 图片位置 -->
                <div class="swiper-container ">
                    <div class="swiper-wrapper">
                                                        <div class="swiper-slide bannerWidth">
                                    <a href="" target="_blank">
                                        <img src="http://192.168.1.68/images/upload/template_data_image/20200720/1595238042690.png" class="imgload">
                                    </a>
                                </div>
                                <div class="swiper-slide bannerWidth">
                                    <a href="" target="_blank">
                                        <img src="http://192.168.1.68/images/upload/template_data_image/20200720/1595238046490.png" class="imgload">
                                    </a>
                                </div>
                    </div>
                </div>
                <!--  如果需要分页器 -->
                <div class="pagination"></div>
                <!-- /index slide -->
            </section>
            </div>
            <div class="in-2-top-n-list clearfix">
                <section class="container pr">
                    <div class="in-2-n-box">
                        <article class="zx-box">
                            <h2 class="hLh30 c-fff fsize24 f-fM unFw title">
                                资讯
                            </h2>
                            <div>
                                <ul class="zx-l-warp mt20 bannerArticle">
                                        <li>
                                            <div class="nr hLh30 txtOf c-fff">
                                                <tt class="number b-master c-fff"><font class="f-fM fsize12 c-fff">1</font></tt>
                                                <a href="http://192.168.1.68/webpage/toArticle/23" class="fsize14 c-fff f-fM">雅思阅读能力提高有方法 文章精读可以这样做</a>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="nr hLh30 txtOf c-fff">
                                                <tt class="number b-master c-fff"><font class="f-fM fsize12 c-fff">2</font></tt>
                                                <a href="http://192.168.1.68/webpage/toArticle/7" class="fsize14 c-fff f-fM">中国首款学习习近平重要讲话APP上线</a>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="nr hLh30 txtOf c-fff">
                                                <tt class="number b-master c-fff"><font class="f-fM fsize12 c-fff">3</font></tt>
                                                <a href="http://192.168.1.68/webpage/toArticle/17" class="fsize14 c-fff f-fM">中国军舰协助英、德等10国从也门撤侨225人</a>
                                            </div>
                                        </li>
                                            <li>
                                                <div class="nr hLh30 txtOf">
                                                    <tt class="number b-9b c-fff"><font class="f-fM fsize12 c-fff">4</font></tt>
                                                    <a href="http://192.168.1.68/webpage/toArticle/26" class="fsize14 c-fff f-fM">关注·底层教育梦：先天不足 后天亏损？</a>
                                                </div>
                                            </li>
                                            <li>
                                                <div class="nr hLh30 txtOf">
                                                    <tt class="number b-9b c-fff"><font class="f-fM fsize12 c-fff">5</font></tt>
                                                    <a href="http://192.168.1.68/webpage/toArticle/22" class="fsize14 c-fff f-fM">哈佛商学院院长：21世纪人人都需要创业精神</a>
                                                </div>
                                            </li>
                                            <li>
                                                <div class="nr hLh30 txtOf">
                                                    <tt class="number b-9b c-fff"><font class="f-fM fsize12 c-fff">6</font></tt>
                                                    <a href="http://192.168.1.68/webpage/toArticle/20" class="fsize14 c-fff f-fM">MBA过来人亲述：联考英语复习经验</a>
                                                </div>
                                            </li>
                                            <li>
                                                <div class="nr hLh30 txtOf">
                                                    <tt class="number b-9b c-fff"><font class="f-fM fsize12 c-fff">7</font></tt>
                                                    <a href="http://192.168.1.68/webpage/toArticle/14" class="fsize14 c-fff f-fM">背水一战的任天堂</a>
                                                </div>
                                            </li>
                                            <li>
                                                <div class="nr hLh30 txtOf">
                                                    <tt class="number b-9b c-fff"><font class="f-fM fsize12 c-fff">8</font></tt>
                                                    <a href="http://192.168.1.68/webpage/toArticle/15" class="fsize14 c-fff f-fM">渠道之殇：三星手机中国没落背后</a>
                                                </div>
                                            </li>
                                            <li>
                                                <div class="nr hLh30 txtOf">
                                                    <tt class="number b-9b c-fff"><font class="f-fM fsize12 c-fff">9</font></tt>
                                                    <a href="http://192.168.1.68/webpage/toArticle/11" class="fsize14 c-fff f-fM">陈年重回T恤大战：凡客归来</a>
                                                </div>
                                            </li>
                                            <li>
                                                <div class="nr hLh30 txtOf">
                                                    <tt class="number b-9b c-fff"><font class="f-fM fsize12 c-fff">10</font></tt>
                                                    <a href="http://192.168.1.68/webpage/toArticle/9" class="fsize14 c-fff f-fM">嘲讽陈年是很容易的事，但我更愿意祝他成功</a>
                                                </div>
                                            </li>
                                </ul>
                            </div>
                            <div class="more-btn tac mt30">
                                        <a href="http://192.168.1.68/article_list.html" class="solid-btn c-fff f-fM">
                                            查看更多
                                        </a>
                            </div>
                        </article>
                    </div>
                </section>
            </div>
        <div class="demo-m-news-wrap">
            <span class="nnIcon c-fff">资讯</span>
            <ul class="newsNotice">
                <li>
                    <a href="http://192.168.1.68/webpage/toArticle/23">雅思阅读能力提高有方法 文章精读可以这样做1</a>
                </li>
                <li>
                    <a href="http://192.168.1.68/webpage/toArticle/7">中国首款学习习近平重要讲话APP上线2</a>
                </li>
                <li>
                    <a href="http://192.168.1.68/webpage/toArticle/17">中国军舰协助英、德等10国从也门撤侨225人3</a>
                </li>
            </ul>
        </div>

    </section>
</div>
<script>
    /*根据屏幕宽度控制bannner资讯的条数*/
    time = setInterval(function () {
        if ($(".bannerWidth ").width()<1755){
            $(".bannerArticle li").eq(9).hide()

        }
        if ($(".bannerWidth ").width()<1625){
            $(".bannerArticle li").eq(8).hide()
        }
        if ($(".bannerWidth ").width()<1490){
            $(".bannerArticle li").eq(7).hide()
        }
        if ($(".bannerWidth ").width()<1355){
            $(".bannerArticle li").eq(6).hide()
        }
        if ($(".bannerWidth ").width()<1225){
            $(".bannerArticle li").eq(5).hide()
        }
        if ($(".bannerWidth ").width()<1090){
            $(".bannerArticle li").eq(4).hide()
        }


        if ($(".bannerWidth ").width()>1755){
            $(".bannerArticle li").eq(9).show()

        }
        if ($(".bannerWidth ").width()>1625){
            $(".bannerArticle li").eq(8).show()
        }
        if ($(".bannerWidth ").width()>1490){
            $(".bannerArticle li").eq(7).show()
        }
        if ($(".bannerWidth ").width()>1355){
            $(".bannerArticle li").eq(6).show()
        }
        if ($(".bannerWidth ").width()>1225){
            $(".bannerArticle li").eq(5).show()
        }
        if ($(".bannerWidth ").width()>1090){
            $(".bannerArticle li").eq(4).show()
        }
    },100)
</script>
